<script setup>
  import Sun from './components/Sun.vue';
  import {ref} from 'vue'

  let pdata = ref('')
  let funAdd = function(data) {
    console.log("接收了add事件的参数：" + data)
    pdata.value = data
  }

  let funSub = function(data) {
    console.log("接收了sub事件的参数：" + data)
    pdata.value = data
  }

</script>

<template>
  <div>
    {{ pdata }}
    <!-- 这里的add和sub对应着子组件中的自定义事件，这里的方法不要加小括号 -->
    <Sun v-on:sub="funAdd" @add="funSub"></Sun>
  </div>
</template>

<style scoped>
</style>
